<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>中蜜丝路</title>
	<link rel="stylesheet icon" type="text/css" href="../img/favicon.ico"/>
	<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="../fonts/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/common.css"/>
	<link rel="stylesheet" href="../css/member_center.css"/>
	<link rel="stylesheet" href="../css/order_submit.css"/>
</head>
<!-- 提交认养 -->
<body class="main">
	<div class="header">
		<div class="navbar navbar-inner top">
			<div class="container clearfix">
				<ul class="nav pull-left">
					<li>
						<a href="javascript:;">
							<span class="iconfont icon-tel"></span>
							<span>400-010-8888</span>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							您好，欢迎来到中蜜丝路！
						</a>
					</li>
				</ul>
				<ul class="nav pull-right">
					<li>
						<a href="../html/login.html">
							<span class="iconfont icon-portrait"></span>
							<span>登录</span>
						</a>
					</li>
					<li class="line">|</li>
					<li class="member clearfix">
						<a href="javascript:;">
							<span>会员中心 </span>
							<span class="iconfont icon-down"></span>
						</a>
						<ul class="dropdownMenu">
							<li><a href="../html/member_info.html">我的信息</a></li>
							<li><a href="../html/member_claim.html">我的认养</a></li>
							<li><a href="../html/member_state.html">蜂箱动态</a></li>
							<li><a href="../html/member_claim.html">认养详情</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<div class="navbar">
			<div class="container clearfix">
				<a href="javascript:;" class="logo pull-left">
					<img src="../img/logo.png" alt="12">
					<!-- <img src="img/404.png" alt=""> -->
				</a>
				<div class="nav pull-right">
					<ul class="nav-pills clearfix">
						<li><a href="../index.html">首页</a></li>
						<li><a href="../html/find_honey.html">蜜源寻蜜</a></li>
						<li><a href="../html/popular.html">好蜜科普</a></li>
						<li><a href="../html/special.html">蜂业专委会</a></li>
						<li><a href="../html/horizon.html">蜜蜂视界</a></li>
						<li class="active"><a href="../html/member_center.html">会员中心</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- banner图 -->
	<div class="banner">
		<img src="../img/temp/banner_1.jpg" alt="">
	</div>
	<!-- 主体 -->
	<div class="main_body">	
        <div class=" container">
            <h4 class="content_title">提交认养
			    <span class="red_line"></span>
            </h4>

            <div class="receive_detalis">
                <p class="title">确认认养信息：</p>
                <div class="details">
                    <div class="item">
                        <img src="../img/temp/list_01.png" alt="">
                        <p style="color: #333;">百花蜜蜂箱（2个）</p>
                        <p style="color: #ea4d2c;">¥2000</p>
                    </div>
                    <div class="item">
                        <img src="../img/temp/list_02.png" alt="">
                        <p style="color: #333;">荆条蜜蜂箱（1个）</p>
                        <p style="color: #ea4d2c;">¥2200</p>
                    </div>
                </div>
            </div>

            <div class="receive_address">
                <div class="write" style="color: #333;">填写收货地址:</div>
                <form>
                    <table>
                        <tbody>
                            <tr>
                                <td>
                                    <span class="red">*</span><span style="color: #333;">&nbsp;收货人姓名:</span>
                                </td>
                                <td>
                                    <input type="text" placeholder="请使用真实姓名，长度不超过12个字" id="name">
                                </td>
                                
                            </tr>
                            <tr style="height: 40px;">
                                <td></td>
                                <td><div class="error name">请输入收货人姓名</div></td>
                            </tr>
                            <tr>
                                <td>
                                    <span class="red">*</span><span style="color: #333;">&nbsp;手机号码:</span>
                                </td>
                                <td>
                                    <input type="text" placeholder="手机号码、电话号码必须填一项" id="phone">
                                </td>
                                
                            </tr>
                            <tr style="height: 40px;">
                                <td></td>
                                <td><div class="error phone">请输入手机号码</div></td></tr>
                            <tr>
                                <td>
                                    <span class="red">*</span><span style="color: #333;">&nbsp;详细地址:</span>
                                </td>
                                <td>
                                    <textarea placeholder="无需重复填写省市区，小于75个字" id="address"></textarea>
                                </td>
                            </tr>
                            <tr style="height: 40px;">
                                <td></td>
                                <td><div class="error address">请输入详细地址</div></td>
                            </tr>
                            
                            <tr>
                                <td>
                                    <span style="color: #333;">幸福寄语:</span>
                                </td>
                                <td>
                                    <textarea placeholder="写下您的幸福寄我们将把它打印在您的蜂箱上" id="adress"></textarea>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </form>
                <p class="total red" >合计：¥6200.00</p>
                <a class="pay" href="javascrit:;"><i class="iconfont icon-payment"></i> <span style="color:#fff;">立即支付</span></a>
            </div>

        </div>
	</div>
	<!-- 底部 -->
	<div class="footer">
			<div class="container clearfix">
				<div class="foot-left pull-left">
					<ul>
						<li>
							<i class="iconfont icon-phone"></i>
							<span>400-010-8888</span>
						</li>
						<li>
							<i class="iconfont icon-time"></i>
							<span>工作时间：8:30-17:30</span>
						</li>
						<li>
							<i class="iconfont icon-mailbox"></i>
							<span>E-mail：contact@zhongmisilu.com</span>
						</li>
						<li>
							<i class="iconfont icon-location"></i>
							<span>海南省海口市龙华区财富广场18C</span>
						</li>
					</ul>
				</div>
				<div class="line-foot"></div>
				<div class="foot-cen pull-left">
					<dl>
						<dt>
							<a href="javascript:;">蜜源寻蜜</a>
						</dt>
					</dl>
					<dl>
						<dt><a href="javascript:;">好蜜科普</a></dt>
						<dd>
							<a href="javascript:;">蜜源探秘</a>
							<a href="javascript:;">蜂蜜常识</a>
							<a href="javascript:;">蜂蜜种类</a>
							<a href="javascript:;">蜂蜜价值</a>
						</dd>
					</dl>
					<dl>
						<dt><a href="javascript:;">蜂业专委会</a></dt>
						<dd>
							<a href="javascript:;">工匠认证</a>
							<a href="javascript:;">专业培训</a>
							<a href="javascript:;">专委会介绍</a>
						</dd>
					</dl>
					<dl>
						<dt><a href="javascript:;">蜜蜂视界</a></dt>
						<dd>
							<a href="javascript:;">全部视频</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href="javascript:;">会员中心</a>
						</dt>
					</dl>
				</div>
				<div class="line-foot"></div>
				<div class="foot-rig pull-left">
					<dt>
						<img src="../img/temp/wx.jpg" alt="">
					</dt>
					<dd>
						扫描上方公众号微信二维码
						<br>
						或者微信加公众号：zhongmisilu
					</dd>
				</div>
			</div>
			<div class="copyright clearfix"> 2017 中蜜丝路 鲁公网安备 11010102002425号  鲁ICP证160503号 鲁ICP备14052685号-1
			</div>
		</div>
	<script src="../bootstrap/js/jquery-1.10.1.min.js"></script>
	<script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>